@import './variables';
@import './reset';
@import './flex.scss';
@import './animation';
@import './space';
@import './res/styles';
// @import './element-variables';
// @import './global';

.els, .ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.photo-level {
  position: relative;
  overflow: inherit!important;
  display: block;
  &>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
  }
  .level {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0;
    bottom: 0;
    background: no-repeat;
    background-size: 20px auto;
    &.mini {
      width: 15px;
      height: 15px;
      background-size: 12px auto;
    }
    &_1 {
      background-image:url(../assets/level/1.png);
    }
    &_2 {
      background-image:url(../assets/level/2.png);
    }
    &_3 {
      background-image:url(../assets/level/3.png);
    }
  }
}